<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>布局</title>
		
		<style>
			span {
				width: 200px;
				height: 200px;
				display: block;/*行内元素变为块级元素可以设置宽和高*/
			}
		</style>
	</head>
	<body>
		<!--观察得出，div是独行显示-->
		<!--独行显示：块级元素-->
		<div style="background-color: gold;">div div div div div div div</div>
		<br />
		<div style="background-color: gold;>div div div div div div div</div>
		<br />
		<div style="background-color: gold;>div div div div div div div</div>
		<hr />
		<!--观察得出，span 多个标签显示在同一行-->
		<!--同一行显示：非块级元素-->
		<span style="background-color: yellow;>span span span span</span>
		<span style="background-color: yellow;>span span span span</span>
		<span style="background-color: yellow;>span span span span</span>
		
		
	</body>
</html>
